/** Estilos Grales para facyt */
.body-facyt {
	border: 0px none;
	text-align: center;
	background-color: #bbb;
}

.panel-facyt {
	background-color: #CCC;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	/* height: 767px; */
	-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
	-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
	box-shadow: 10px 10px 20px #000;
	/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc);
	/* This lets IE know to call the script on all elements which get the 'box' class */
}

.head-facyt {
	width: 100%;
	height: 215px;
	background-image: url("../image/fondoencabezado.png");
}

.content-facyt {
	width: 1024px;
	/* height: 533px; */
}

.foot-facyt {
	clear: both;
	width: 100%;
	height: 18px;
	background-image: url("../image/pie_cuerpo.jpg");
	background-position: bottom;
}

/* Login */
.div-image-login-facyt {
	width: 574px;
	height: 533px;
	float: left;
}

.image-login-facyt {
	margin-top: 68px;
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px;
	/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
	-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
	box-shadow: 10px 10px 20px #000;
	/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc);
	/* This lets IE know to call the script on all elements which get the 'box' class */
}

.form-login-facyt {
	width: 450px;
	height: 533px;
	background-color: #F0F0F0;
	float: right;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff),
		color-stop(17%, #f0f0f0), color-stop(85%, #f0f0f0),
		color-stop(100%, #ffffff) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%,
		#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* IE10+ */
	background: linear-gradient(to right, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#ffffff', GradientType=1 ); /* IE6-8 */
}

.panel-login-facyt {
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 10Px;
	background-color: rgba(255, 255, 255, 0.59);
	height: 180px;
	width: 313px;
	margin-top: 182px;
	margin-left: 70px;
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px;
	/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
	-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
	box-shadow: 10px 10px 20px #000;
	/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc);
	/* This lets IE know to call the script on all elements which get the 'box' class */
}

.header-login-facyt {
	color: #B80105;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	margin-top: 10px;
}

.renglon-login-facyt {
	margin-top: 20px;
	float: left;
	width: 313px;
}

.label-login-facyt {
	color: #B80105;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-left: 30px;
	padding-top: 5px;
}

.input-login-facyt {
	padding-left: 5px;
	float: right;
	margin-right: 30px;
	width: 155px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #666 inset;
	-moz-box-shadow: 0 0 5px #666 inset;
	box-shadow: 0 0 5px #666 inset;
	height: 25px;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.button-login-facyt {
	color: #FADDDE !important;
	border: solid 1px #980C10 !important;
	background: #D81B21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24),
		to(#AA1317) ) !important;
	background: -moz-linear-gradient(top, #ED1C24, #AA1317) !important;
}

/* Principal */
.body-facyt-principal-background {
	
}

.panel-facyt-principal-background {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff),
		color-stop(17%, #f0f0f0), color-stop(85%, #f0f0f0),
		color-stop(100%, #ffffff) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%,
		#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* IE10+ */
	background: linear-gradient(to right, #ffffff 0%, #f0f0f0 17%, #f0f0f0 85%, #ffffff
		100%); /* W3C */
}

.principal-facyt {
	width: 1024px;
}

.columnas-principal-facyt {
	padding-left: 25px;
	padding-top: 20px;
}

.colizq-principal-facyt {
	width: 250px;
	height: 407px;
	float: left;
	border: 1px solid gray;
	border-radius: 25px;
	-moz-border-radius: 25px;
	background-color: #CCC;
	margin-bottom: 25px;
	-webkit-box-shadow: 10px 10px 20px black;
	-moz-box-shadow: 10px 10px 20px black;
	box-shadow: 10px 10px 20px black;
}

.header-colizq-principal-facyt {
	color: white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: 2px 3px 4px #1B1B1B;
	font-weight: normal;
	font-size: 15px;
	padding-top: 5px;
}

.header-label-colizq-principal-facyt {
	text-align: center;
	padding-top: 5px;
	color: white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: 2px 3px 4px #1B1B1B;
	font-weight: normal;
	font-size: 15px;
	padding-bottom: 5px;
}

.renglon-tipo-animal-colizq-principal-facyt {
	float: left;
	width: 226px;
	margin-bottom: 10px;
}

.renglon-colizq-principal-facyt {
	float: left;
	width: 226px;
}

.renglon-aumento-diario-colizq-principal-facyt {
	float: left;
	width: 226px;
	margin-bottom: 20px;
}

.label-colizq-principal-facyt {
	float: left;
	width: 160px;
	text-align: left;
	padding-top: 5px;
	color: white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: 2px 2px 2px black;
	font-weight: normal;
	font-size: 13px;
}

.form-colizq-principal-facyt {
	margin-left: 15px;
}

.input-head-colizq-principal-facyt {
	
}

.input-colizq-principal-facyt {
	width: 60px;
	float: right;
}

.input-dist-camina-colizq-principal-facyt {
	width: 60px;
	float: right;
	margin-top: 10px;
}

.input-aumento-diario-colizq-principal-facyt {
	margin-top: 15px;
}

.colder-principal-facyt {
	height: 407px;
	width: 705px;
	float: right;
	border: 1px solid gray;
	border-radius: 25px;
	-moz-border-radius: 25px;
	background-color: #CCC;
	margin-bottom: 25px;
	-webkit-box-shadow: 10px 10px 20px black;
	-moz-box-shadow: 10px 10px 20px black;
	box-shadow: 10px 10px 20px black;
	margin-right: 20px;
}

.button-principal-facyt {
	color: #FADDDE !important;
	border: solid 1px #980C10 !important;
	background: #D81B21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24),
		to(#AA1317) ) !important;
	background: -moz-linear-gradient(top, #ED1C24, #AA1317) !important;
	float: left;
	-webkit-box-shadow: 10px 10px 20px black;
	-moz-box-shadow: 10px 10px 20px black;
	box-shadow: 10px 10px 20px black;
}

.grid-colder-principal-facyt {
	width: 555px;
	float: left;
}

.panel-button-colder-principal-facyt {
	float: right;
	width: 145px;
}

.renglon-btn-add-mp-principal-facyt {
	margin-top: 145px;
	margin-left: 15px;
	float: left;
}

.renglon-btn-rem-mp-principal-facyt {
	margin-top: 15px;
	margin-left: 15px;
	float: left;
}

.renglon-btn-see-mp-principal-facyt {
	margin-top: 15px;
	margin-left: 15px;
	float: left;
}

.col-grid-mp {
	float: left;
	margin-top: 5px;
}

.col-1-grid-mp {
	width: 255px;
}

.col-2-grid-mp {
	width: 60px;
}

.col-3-grid-mp {
	width: 60px;
}

.col-4-grid-mp {
	width: 60px;
}

.col-5-grid-mp {
	width: 60px;
}

.col-1-grid-data-mp {
	width: 30px;
	margin-top: 0px !important;
}

.col-2-grid-data-mp {
	width: 225px;
}

.col-3-grid-data-mp {
	width: 60px;
}

.col-4-grid-data-mp {
	width: 60px;
}

.col-5-grid-data-mp {
	width: 60px;
}

.col-6-grid-data-mp {
	width: 60px;
}

.label-header-mp-colder-principal-facyt {
	text-align: center;
	padding-top: 5px;
	color: white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: 2px 3px 4px #1B1B1B;
	font-weight: normal;
	font-size: 15px;
	padding-bottom: 5px;
}

.grid-mp-colder-principal-facyt {
	margin-left: 30px;
	margin-top: 15px;
}

.header-grid-mp-colder-facyt {
	color: #FADDDE !important;
	border: solid 1px #980C10 !important;
	background: #D81B21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24),
		to(#AA1317) ) !important;
	background: -moz-linear-gradient(top, #ED1C24, #AA1317) !important;
	font: 13px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	width: 523px;
	height: 35px;
}

.col-row-grid-mp {
	float: left;
	padding-top: 5px;
}

.data-grid-mp-colder-facyt {
	height: 300px;
	overflow-y: auto;
}

.row-data-impar-grid-mp-colder-facyt {
	height: 25px;
	padding-top: 5px;
	background-color: rgba(255, 255, 255, 0.39);
	font: 13px/100% Arial, Helvetica, sans-serif;
	color: black;
	text-shadow: 0 1px 1px rgba(151, 143, 143, 0.57);
}

.row-data-par-grid-mp-colder-facyt {
	height: 25px;
	padding-top: 5px;
	background-color: gray;
	font: 13px/100% Arial, Helvetica, sans-serif;
	color: #DADADA;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.foot-principal-facyt {
	float: left;
	width: 978px;
	height: 100px;
	border: 1px solid gray;
	border-radius: 25px;
	-moz-border-radius: 25px;
	background-color: #CCC;
	margin-bottom: 25px;
	-webkit-box-shadow: 10px 10px 20px black;
	-moz-box-shadow: 10px 10px 20px black;
	box-shadow: 10px 10px 20px black;
	margin-left: 25px;
}

.btn-una-linea {
	width: 50px; 
	padding-top: 14px !important; 
	padding-bottom: 15px !important; 
	margin-top: -7px !important; 
}

.btn-borrar-datos-foot-principal-facyt {
	float: left;
	margin-left: 230px;
	margin-top: 25px;
}

.btn-cargar-archivo-foot-principal-facyt {
	float: left;
	margin-left: 10px;
	margin-top: 25px;
}

.btn-guardar-foot-principal-facyt,.btn-formular-foot-principal-facyt,.btn-salir-foot-principal-facyt
	{
	float: left;
	margin-left: 10px;
	margin-top: 32px
}

/** Agregar MP */
.add-mp-facyt {
	height: 250px;
	width: 400px;
}

.renglon-add-mp-facyt {
	width: 400px;
	height: 40px;
	float: left;
}

.label-add-mp-facyt {
	float: left;
	width: 90px;
	text-align: left;
	padding-top: 3px;
}

.select-input-add-mp-facyt {
	float: left;
	width: 200px;
}

.btn-ver-addMP {
	color: #FADDDE !important;
	border: solid 1px #980C10 !important;
	background: #D81B21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24),
		to(#AA1317) ) !important;
	background: -moz-linear-gradient(top, #ED1C24, #AA1317) !important;
	float: left;
	margin-left: 5px;
}

.btn-guardar-addMP {
	color: #FADDDE !important;
	border: solid 1px #980C10 !important;
	background: #D81B21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24),
		to(#AA1317) ) !important;
	background: -moz-linear-gradient(top, #ED1C24, #AA1317) !important;
	float: left;
	margin-left: 100px;
}

.btn-salir-addMP {
	color: #FADDDE !important;
	border: solid 1px #980C10 !important;
	background: #D81B21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24),
		to(#AA1317) ) !important;
	background: -moz-linear-gradient(top, #ED1C24, #AA1317) !important;
	float: left;
	margin-left: 10px;
}

/** Ver Materia Prima */
.see-mp-facyt {
	height: 400px;
	width: 400px;
}

.grid-comp-facyt {
	
}

.renglon-grid-comp-facyt {
	width: 385px;
	float: left;
}

.header-grid-comp-facyt {
	color: #FADDDE !important;
	border: solid 1px #980C10 !important;
	background: #D81B21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24),
		to(#AA1317) ) !important;
	background: -moz-linear-gradient(top, #ED1C24, #AA1317) !important;
	font: 13px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	width: 385px;
	height: 35px;
}

.col-grid-comp {
	float: left;
	text-align: center;
}

.data-grid-comp-facyt {
	width: 385px;
	height: 100px;
	overflow-y: auto;
	border: 1px solid gray;
}

.col-1-grid-componente {
	padding-top: 10px;
	padding-left: 40px;
}

.col-2-grid-componente {
	padding-top: 10px;
}

.row-data-impar-comp-facyt {
	height: 25px;
	padding-top: 5px;
	background-color: rgba(255, 255, 255, 0.38);
	font: 13px/100% Arial, Helvetica, sans-serif;
	color: #777;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	float: left;
	width: 365px;
	float: left;
}

.row-data-par-comp-facyt {
	height: 25px;
	padding-top: 5px;
	background-color: rgba(92, 92, 92, 0.38);
	font: 13px/100% Arial, Helvetica, sans-serif;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	float: left;
	width: 365px;
}

.col-1-grid-data-comp {
	float: left;
	width: 170px;
}

.col-2-grid-data-comp {
	float: left;
	width: 185px;
}

.footer-grid-comp-facyt {
	margin-top: 20px;
	float: right;
	margin-right: 12px;
}

/** Upload File */
.upload-facyt {
	width: 400px;
	height: 115px;
}

.footer-upload-facyt {
	margin-left: 140px;
	margin-top: 10px;
}

/** Message popup */
.message-facyt{
	width: 400px;
	height: 19px;
}

.footer-message-popup-facyt{
	margin-left: 140px;
	margin-top: 10px;
}